<!DOCTYPE html>
<html lang='en'>

<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <title>Document</title>
    <link rel="stylesheet" href="./style.css">
    <link rel="stylesheet" href="./css/bhd.css">
</head>
<style>
</style>

<body>
    <section class="bhd-home">
        <div class="image">
            <img src="./images/bhd-full.jpg">
        </div>
        <div class="content">
            <h1>北海道</h1>
            <p>北海道的大自然提供多种户外活动，各城市依傍于山岳、湖泊之间，尽享众多特色美食与文化</p>
            <br><br>
            <p>「北海道の雪は柔らかくない。風に巻かれて顔を打つガラスの破片のように鋭い。
                札幌の街路は冬になると常に青白い光を放ち、
                街灯の下の雪塊は永遠に溶けないかのようだった。」</p>
        </div>
    </section>
    <section class="bhd-detail">
        <div>
            <h2>北海道的大自然提供了多种户外活动，而在山岳湖泊围绕下的北海道各城市，
                也有诸多美食与文化。
            </h2>
        </div>
        <div>
            <p>北海道全年都有各种丰富的活动夏天的温和气候，
                最适合探索翠绿山丘和国家公园。探访湖泊、河川、山岳，
                可以进行健行、山地自行车、独木舟、漂流活动。在天然栖息地观察野生动物和鸟类
                ，或在如诗如画的风景下，浸泡在火山形成的温泉里。
                冬天可以享受北海道诸多度假村世界级的滑雪场。也有提供其他类型的冬季运动，
                例如雪鞋、狗拉雪撬、雪上摩托车等，还可以参加日本最棒的祭典之一——札幌雪祭。
            </p>
        </div>
        <div>
            <h2>交通路线</h2>
        </div>
        <div>
            <p>
                从日本所有主要机场均可乘坐飞机前往札幌附近的新千岁机场，
                从而进入北海道。
                从东京出发的直达航班大约需要 90 分钟，
                同时有多个国际航班。
                也可从东京乘坐新干线前往。
                日本铁路通票可用于乘坐新干线。
            </p>
        </div>
        <div>
            <!-- 轮播图容器 -->
            <div class="carousel">
                <div class="carousel-inner">
                    <img src="./images/bhd1.jpg" alt="北海道风景1" class="active">
                    <img src="./images/bhd2.jpg" alt="北海道风景2">
                    <img src="./images/bhd3.jpg" alt="北海道风景3">
                </div>
                <!-- 轮播图导航按钮 -->
                <div class="carousel-prev">❮</div>
                <div class="carousel-next">❯</div>
            </div>
                <div>
                    <h3>不容错过</h3>
                    <ul>
                        <li>札幌雪祭</li>
                        <li>小樽运河</li>
                        <li>富良野薰衣草田</li>
                        <li>登别地狱谷</li>
                        <li>函馆夜景</li>
                        <li>美瑛青池</li>
                    </ul>
                </div>
                <div class="quote">
                    <p>「田畑もなく、神社もない。<br>
                        ただ原始林が果てしなく続いているだけだ。<br>
                        木こりの斧が欅の幹に当たると、<br>
                        森全体が虚ろな反響を返してくる。<br>
                        まるで侵入者への警告のようだった」</p>
                </div>
        </div>
    </section>
    <section class="search">
        <div>
            <h2>按地区探索北海道</h2>
        </div>
        <div class="images">
            <div class="item">
                <span>钏路与北海道东部</span>
                <img src="./images/bhd4.jpg" alt="">
            </div>
            <div class="item">
                <span>函馆与北海道南部</span>
                <img src="./images/bhd5.jpg" alt="">
            </div>
            <div class="item">
                <span>新雪谷滑雪场及周边地区</span>
                <img src="./images/bhd6.jpg" alt="">
            </div>
            <div class="item">
                <span>旭川与北海道北部</span>
                <img src="./images/bhd7.jpg" alt="">
            </div>
            <div class="item">
                <span>札幌及周边地区</span>
                <img src="./images/bhd8.jpg" alt="">
            </div>
            <div class="item">
                <span>登别、国立阿伊努民族博物馆及周边地区</span>
                <img src="./images/bhd9.jpg" alt="">
            </div>
        </div>
    </section>
    <script src="./js/bhd.js"></script>
</body>

</html>